.textOverflow() {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
  }
  
  .textOverflowMulti(@line: 3, @bg: #fff) {
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    max-height: @line * 1.5em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    &:before {
      background: @bg;
      content: '...';
      padding: 0 1px;
      position: absolute;
      right: 14px;
      bottom: 0;
    }
    &:after {
      background: white;
      content: '';
      margin-top: 0.2em;
      position: absolute;
      right: 14px;
      width: 1em;
      height: 1em;
    }
  }
  
  // mixins for clearfix
  // ------------------------
  .clearfix() {
    zoom: 1;
    &:before,
    &:after {
      content: ' ';
      display: table;
    }
    &:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0;
    }
  }
  